@-webkit-keyframes slide {
  0% {
    left: 0%;
  }

  100% {
    left: -80%;
  }
}

@-webkit-keyframes slide-reversed {
  0% {
    left: -80%;
  }

  100% {
    left: 0%;
  }
}


.bg1 {
  position:absolute;
  top:0px;
  left:0px;
  width:200%;
  height:100%;
  z-index:0;

  -webkit-animation-name: slide;
  -webkit-animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;

}

.bg1:nth-child(2n+1) {
  -webkit-animation-name: slide-reversed;
}


.bg2 {
  position:absolute;

  top:0%;
  left:0%;
  width:100%;
  height:100%;
  z-index:1;
}

.slide {
  -webkit-transition: all 1s ease-in;
  opacity:0;
}
